<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <meta name="viewport" content="width=device-width, initial-scale=1.0">  
    <title>Download Image Page</title>  
    <style>  
        /* 简单的样式 */  
        .container {  
            text-align: center;  
            padding: 20px;  
        }  
        img {  
            max-width: 100%;  
            height: auto;  
            margin-bottom: 20px;  
        }  
        a {  
            display: inline-block;  
            padding: 10px 20px;  
            background-color: #007BFF;  
            color: #fff;  
            text-decoration: none;  
            border-radius: 4px;  
            margin-bottom: 20px;  
        }  
        a:hover {  
            background-color: #0056b3;  
        }  
    </style>  
</head>  
<body>  
    <div class="container">  
        <h1>Download Image</h1>  
          
        <!-- 图片显示 -->  
        <img src="https://edu-ls-1010.oss-cn-beijing.aliyuncs.com/2022/07/11/d063e373d7c640f9b6341ccb272a8a7dimg.jpg" alt="Downloadable Image">  
  
        <!-- 下载按钮 -->  
        <a href="https://edu-ls-1010.oss-cn-beijing.aliyuncs.com/2022/07/11/d063e373d7c640f9b6341ccb272a8a7dimg.jpg" download="image.jpg">  
            Download Image  
        </a>  
  
        <!-- 注意：将 "path/to/your/image.jpg" 替换为你的图片实际路径 -->  
    </div>  
</body>  
</html>